$(function () {
  $('#link_reg').on('click', function () {
    $('.login-box').hide();
    $('.reg-box').show();
  })
  $('#link_login').on('click', function () {
    $('.login-box').show();
    $('.reg-box').hide();
  })

  // 自定义校验规则  放到 baseAPI.js中了
  var form = layui.form
  var layer = layui.layer
  form.verify({
    pwd: [
      /^[\S]{6,12}$/
      , '密码必须6到12位，且不能出现空格'
    ]
  })
  // 监听注册表单默认行为事件
  $('#form_reg').on('submit', function (e) {
    e.preventDefault();
    var data = {
      // 这个时候不用serialize(), 这个方法是因为
      // 这个接口有问题 这个接口不让你传 确认密码 所以才要手动输入
      username: $('#form_reg [name=username]').val(),
      password: $('#form_reg [name=password]').val()
    };
    $.post('/api/reguser',
      data, function (res) {
        if (res.status !== 0) {

          return layer.msg(res.message);
        }
        layer.msg('注册成功');
        // 注册完成后 自动跳转到登录页面
        $('#link_login').click()
        //  用这个方法  他可以清空输入框
        $('#form_reg')[0].reset();
      })
  })
  // 2实现登录功能
  // 2设置sumbit事件
  // 监听登录表单默认行为事件
  $('#form_login').submit(function (e) {
    e.preventDefault();
    $.ajax({
      type: "post",
      url: "/api/login",
      data: $(this).serialize(),

      success: function (res) {
        if (res.status !== 0) {
          return layer.msg('登录失败');
        }
        layer.msg('登录成功');
        // console.log(res.token);
        console.log(111);
        localStorage.setItem('token', res.token)
        location.href = '/index.html'

      }
    });
  })

})
